<script setup>
import CompChild from './CompChild.vue'
</script>

<template>
  <div>
    <comp-child title="父title1" v-slot="slotProps">
        default:这是
      {{ slotProps.title }}
    </comp-child>
    <comp-child title="父title2" v-slot:header="slotProps">
        header: 这是
      {{ slotProps.title }}
    </comp-child>
    <comp-child title="父title3" #footer="slotProps">
        footer:这是
      {{ slotProps.title }}
    </comp-child>
  </div>
</template>
